<template>
  <view class="page-index">
    <u-tabs :list="list1" @click="click" lineColor="#f56c6c"></u-tabs>
    <!-- 待提货列表 -->
    <u-list @scrolltolower="scrolltolower">
      <u-list-item v-for="(item, index) in indexList" :key="index">
        <u-cell :title="`列表长度-${index + 1}`">
          <u-avatar slot="icon" shape="square" size="35" :src="item.url"
            customStyle="margin: -3px 5px -3px 0"></u-avatar>
        </u-cell>
      </u-list-item>
    </u-list>

  </view>

  </view>
</template>

<script>
  export default {
    name: 'PagesIndex',
    data() {
      return {
        list1: [{
          name: '待提货',
        }, {
          name: '在途',
        }, {
          name: '已完成'
        }],
        indexList: [],
        				urls: [
        					'https://cdn.uviewui.com/uview/album/1.jpg',
        					'https://cdn.uviewui.com/uview/album/2.jpg',
        					'https://cdn.uviewui.com/uview/album/3.jpg',
        					'https://cdn.uviewui.com/uview/album/4.jpg',
        					'https://cdn.uviewui.com/uview/album/5.jpg',
        					'https://cdn.uviewui.com/uview/album/6.jpg',
        					'https://cdn.uviewui.com/uview/album/7.jpg',
        					'https://cdn.uviewui.com/uview/album/8.jpg',
        					'https://cdn.uviewui.com/uview/album/9.jpg',
        					'https://cdn.uviewui.com/uview/album/10.jpg',
        				]
      }
    },
    created() {

    },
    onLoad() {
      this.loadmore()
    },
    methods: {
      click(item) {
        console.log('item', item);
      },
      scrolltolower() {
        this.loadmore()
      },
      loadmore() {
        for (let i = 0; i < 30; i++) {
          this.indexList.push({
            url: this.urls[uni.$u.random(0, this.urls.length - 1)]
          })
        }
      }
    }
  }
</script>

<style lang="scss">

</style>